.sz-upload {
  $card-width: 90px;
  $card-height: 90px;
  $card-line-height: 97px;
  $error-color: #ff4d4f;
  line-height: normal;
  /** 图片卡片上传样式 */
  .el-upload-list--picture-card {
    width: $card-width;
    height: $card-height;
    .el-upload-list__item {
      width: $card-width;
      height: $card-height;
      margin-bottom: 0;
      &-label {
        background-color: #52c41a;
      }
      &-thumbnail {
        object-fit: cover;
      }
    }
    // 图片上传错误样式
    .el-upload-list__item.is-fail {
      border-color: $error-color;
      .el-upload-list__item-name {
        display: block;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        color: #ff4d4f;
        width: 76px;
        font-size: 12px;
        text-align: center;
        > i {
          display: block;
          font-size: 22px;
          text-align: center;
          margin-bottom: -8px;
          color: #ff4d4f;
        }
      }
      .el-upload-list__item-status-label {
        background-color: $error-color;
        display: block;
        .el-icon-upload-success.el-icon-check {
          display: none;
        }
      }
      .el-icon-close {
        display: block;
        color: #fff;
        position: absolute;
        top: 3px;
        right: 2px;
        opacity: 1;
        font-size: 12px;
      }
    }
    .el-progress {
      display: flex;
      justify-content: center;
      align-items: center;
      .el-progress-circle {
        width: 80px !important;
        height: 80px !important;
      }
      .el-progress__text {
        font-size: 14px !important;
      }
    }
  }
  .el-upload--picture-card {
    width: $card-width;
    height: $card-height;
    line-height: $card-line-height;
  }
  .el-upload__tip {
    font-size: 12px;
    color: #606266;
    margin-top: 7px;
  }
  .error {
    color: $error-color !important;
  }
}
